<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>文章审核</title>
</head>
<body>
<div th:fragment="content">
    <div class="layui-card">
        <div class="layui-card-header">文章审核</div>
        <div class="layui-card-body">
            <!-- 状态筛选与搜索 -->
            <div class="layui-row mb-4">
                <div class="layui-col-md3">
                    <select id="article-status" class="layui-select">
                        <option value="">全部状态</option>
                        <option value="pending">待审核</option>
                        <option value="approved">已通过</option>
                        <option value="rejected">已拒绝</option>
                    </select>
                </div>
                <div class="layui-col-md6">
                    <div class="layui-input-inline">
                        <input type="text" id="article-search" placeholder="搜索文章标题" class="layui-input">
                    </div>
                    <button class="layui-btn" id="article-search-btn">
                        <i class="fa fa-search"></i> 搜索
                    </button>
                </div>
            </div>

            <!-- 文章表格 -->
            <table class="layui-table" lay-filter="articleTable" id="articleTable"></table>
    </div>
    </div>

    <!-- 行内工具条 -->
    <script type="text/html" id="articleBar">
        <a class="layui-btn layui-btn-xs" lay-event="view">查看</a>
        <a class="layui-btn layui-btn-xs" lay-event="approve">审核通过</a>
        <a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="reject">驳回</a>
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delete">删除</a>
    </script>
    </script>
</div>
</body>
</html>